<template>
	<div>
		<p class="filter"></p>
		<div class="addBox"  style="padding-bottom: 40px;">
			<h3 class="fixTitle">
				<span>订单号：{{lookInfo.orderNo}}</span>
				<p>
					<!-- <em style="cursor: pointer;" ><svg-icon icon-class="jian" class="font-size16"/></em><em style="cursor: pointer;"><svg-icon class="font-size16" icon-class="fullScreen" /></em> -->
          <em style="cursor: pointer;" @click="close"><svg-icon icon-class="cha" class="font-size16" /></em>
				</p>
			</h3>
			<table>
				<tr v-if="pointShow">
					<td class="leftTd">积分抵扣金额：</td>
					<td class="rightTd">{{lookInfo.isCard == 1 ? 0 : lookInfo.deductedMoney}}</td>
				</tr>
				<tr v-if="pointShow">
					<td class="leftTd">消耗积分：</td>
					<td class="rightTd">{{lookInfo.deductedPoints}}</td>
				</tr>
				<tr>
					<td class="leftTd">邀请卡抵扣金额：</td>
					<td class="rightTd">{{lookInfo.isCard == 1 ? lookInfo.deductedMoney : 0}}</td>
				</tr>
				<tr>
					<td class="leftTd">vip/svip打折：</td>
					<td class="rightTd">{{(lookInfo.discount==100 || lookInfo.discount==null) ? '无' : (lookInfo.discount == 0 ? '免费' : lookInfo.discount/10+'折')}}</td>
				</tr>
				<tr>
					<td class="leftTd">备注：</td>
					<td class="rightTd">{{lookInfo.desc}}<span v-if="lookInfo.desc">升级</span></td>
				</tr>
			</table>
		</div>
	</div>
</template>
<script>
import { enablePointModule } from '@/utils/permission'
  export default {
		props: ['lookInfo'],
		data() {
			return {
				pointShow: true
			}
		},
		created() {
			if (!enablePointModule) {
				this.pointShow = false
			}
		},
    methods: {
      close() {
        this.$emit('changeShowLook', false)
      }
    }
  }
</script>
<style scoped>
	p,h3 {margin:0;padding:0}
	h3 em{
		padding: 0 5px;
		font-style: normal;
	}
	h3 em:hover{
		color: #0E90D2;
	}
	.font-size16{
		font-size: 16px;
	}
	.fixTitle{
		width: 400px;
		padding: 0 10px;
	}
	.addBox {
		width: 400px;
		height: auto;
		background: #fff;
		position: fixed;
		left: 35%;
		top: 30%;
		z-index: 110;
	}
	table{
		width: 100%;
		border: 1px solid #eee;
		border-spacing: 0;
		border-collapse: collapse;
		margin-top: 40px;
	}
	td{
		border: 1px solid #eee;
		line-height: 50px;
		padding-left: 10px;
	}
	.leftTd{
		width: 40%;
	}
	.rightTd{
		width: 65%;
	}
</style>
